<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>test</title>
    <script src="vue.js"></script>
  </head>
  <body>
      <div id="app">
         <div v-bind:class="{box}">我是box
      <div v-bind:class="{innner}">我是innenr1</div>
      <div v-bind:class="{innner}">我是innenr2</div>
      </div>
      </div>
      <script>
        var vm=new Vue({
          el: "#app",
          data: {
           box : 'box',
           innner : 'inner'
          }
        })
      </script>
      <style>
        .box{
          background-color: pink;
          width: 100%;
          height: 200px;
        }
        .innner{
          background-color: red;
          width: 100px;
          height: 50px;
          border:2px solid white ;
        }
      </style>
</body>
</html>
